 <!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>{$setting.webname}-资讯类型管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="/static/admin/layui/css/layui.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.ico"> <link href="/static/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/static/admin/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/static/admin/css/animate.css" rel="stylesheet">
    <link href="/static/admin/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="/static/admin/css/plugins/switchery/switchery.css" rel="stylesheet">
	<style>
	  .tools a i{
	    color:#19a9d5
	  }
	  .tools a i:hover{
	    text-shadow:0px 0px 5px #19a9d5;
	  }
	</style>

</head>

<body class="gray-bg">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>资讯类型管理</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{:url('Index/admin')}">主页</a>
                </li>
                <li>
                    <strong>资讯类型管理</strong>
                </li>
            </ol>
        </div>
    </div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>资讯分类列表</h5>
                        <div class="ibox-tools tools">
                            <a href="{:url('Newss/type_addform')}"><i class="glyphicon glyphicon-plus" title="添加分类"></i></a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>编号</th>
                                        <th>分类名称(资讯数量)</th>
                                        <th>排序</th>
                                        <th>创建时间</th>
                                        <th>修改时间</th>
                                        <th>状态</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                {if condition="!empty($list)"}
                                {foreach $list as $vo}
                                    <tr>
                                        <td>{$vo.id}</td>
                                        <td>{$vo.type_name}({$vo.sum})</td>
                                        <td>{$vo.sort}</td>
                                        <td>{$vo.create_time}</td>
                                        <td>{$vo.update_time}</td>
                                        <td><input type="checkbox" class="js-switch" data-id="{$vo.id}" {if condition="$vo.status == 1"}checked{/if} /></td>
                                        <td class="tools"><a href="{:url('Newss/type_update')}?id={$vo.id}"><i class="glyphicon glyphicon-pencil" style="color:#19a9d5"></i></a> <a class="del" data-id="{$vo.id}"><i class="glyphicon glyphicon-trash"style="color:#19a9d5"></i></a></td>
                                    </tr>
                                {/foreach}
                                {else /}
                                <tr>
                                    <td colspan="6">没有数据</td>
                                </tr>
                                {/if}
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- 全局js -->
    <script src="/static/admin/js/jquery.min.js?v=2.1.4"></script>
    <script src="/static/admin/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- Peity -->
    <script src="/static/admin/js/plugins/peity/jquery.peity.min.js"></script>
    <!-- 自定义js -->
    <script src="/static/admin/js/content.js?v=1.0.0"></script>
    <!-- iCheck -->
    <script src="/static/admin/js/plugins/iCheck/icheck.min.js"></script>
    <!-- Switchery -->
    <script src="/static/admin/js/plugins/switchery/switchery.js"></script>
    <!-- Peity -->
    <script src="/static/admin/js/demo/peity-demo.js"></script>
    <script src="/static/admin/layui/layui.js"></script>
    <script>
        layui.use('layer', function(){ //独立版的layer无需执行这一句
            var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
            //点击提交
            $(".del").click(function(){
                var s = $(this);
                layer.msg('你确定要删除？', {
                    time: 20000, //20s后自动关闭
                    shade: 0.8,
                    btn: ['确定', '取消'],
                    btn1:function(){
                        $.post("{:url('Newss/type_deletes')}",{id:s.attr('data-id')},function(data){
                            layer.closeAll();
                            layer.msg(data.msg,{time:2000},function(){
                                if(data.url){
                                    window.location.href = data.url;
                                }
                            });
                        });
                    }
                });

            });
        });
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
        //状态的切换按钮的初始化样式
        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
        elems.forEach(function(html) {
            var switchery = new Switchery(html,{ size: 'small' });
        });
        //修改状态
        $(".js-switch").change(function(){
            var checkedS = $(this).is(":checked");
            var ids = $(this).attr("data-id");
            var st = "";
            var str = "";
            if(checkedS){
                st = 1;
                str = "显示";
            }else{
                st = 2;
                str = "隐藏";
            }
            $.post("{:url('Newss/setTypeStatus')}",{id:ids,status:st},function(data){

                layer.msg(str+data.msg,{time:2000});
            });
        });
    </script>

    
    

</body>

</html>
